body, td, input, select, textarea, a {
  font: 12px/1.5em arial, helvetica, verdana, sans-serif;
  color: #333;
}

html, body, form, fieldset, h1, h2, h3, h4, h5, h6,
p, pre, blockquote, ul, ol, dl, address {
  margin: 0;
  padding: 0;
}
form label {
  cursor: pointer;
}
fieldset {
  border: none;
}
img, table {
  border-width: 0;
}

/* =COLORS
----------------------------------------------- */
body {
  background-color: #FFFFF3;
  color: #333;
}
a:link,
a:visited {
  color: #333;
}
a:hover {
  color: #000;
}

/* =FLOATS
----------------------------------------------- */
.left {
  float: left;
}
.right {
    text-align: right;
    float: right;
}
/* clear float */
.clr:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clr {display: inline-block;}
/* Hides from IE-mac \*/
* html .clr {height: 1%;}
.clr {display: block;}
/* End hide from IE-mac */

/* =LAYOUT
----------------------------------------------- */
html, body {
  height: 100%;
}
#wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  border-top: 2px solid #6c6c6c;
}
#footer,
.push {
  height: 30px;
}

.hidden {
  display: none;
}

.sidebar {
  background-color: #312f2f;
}

.sidebar li + li {
  margin-top: 12px;
}

.sidebar li a {
  padding: 4px 10px;
  display: block;
  color: #cecece;
}

.sidebar li a:hover {
  background-color: #424242;
}

.sidebar li .current {
  background-color: #51648b;
}

nav {
  padding-top:20px;
}
